<template>
  <div>
    <van-nav-bar fixed title="商户信息" left-arrow @click-left="closeInfo" />
    <div class="has-top">
      <van-cell-group class="mg-30">
        <van-cell title="商户账号" :value="info.TelNumber" />
        <van-cell title="商户服务费比例" :value="info.ServiceRate" />
        <van-cell title="收款二维码" center>
          <template>
            <img-box :imgUrl="info.CashQrCodeUrl"></img-box>
          </template>
        </van-cell>
      </van-cell-group>
    </div>
  </div>
</template>

<script>
import imgBox from 'components/imgBox'
export default {
  components: { imgBox },
  name: 'info',
  props: {
    info: {
      type: Object,
      default: true
    }
  },
  data() {
    return {}
  },
  methods: {
    closeInfo() {
      this.$emit('close')
    }
  }
}
</script>
